<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a{
            text-decoration: none;
            font-size: 16px;
            line-height: 1.8em;
        }
        a:hover{
            text-decoration:dashed;
            font-weight: bold;
            font-size: x-large; 
            border: medium solid white; 
            background-color: #1fa6e6; 
            color: white; 
            padding: 4px;
            transition-delay: 100ms;
            transition-property: background-color,color,padding,font-size,border,font-weight;
            transition-duration: 500ms;            
        }
    </style>    
</head>

<body>
    <BR /><a href="./010-default.html" target="page"> 010-default</a>
    <BR /><a href="./020-navigation.html" target="page">020-navigation</a>
    <BR /><a href="./030-pagination.html" target="page">030-pagination</a>
    <BR /><a href="./040-pagination-dynamic.html" target="page">040-pagination-dynamic</a>
    <BR /><a href="./050-pagination-progress.html" target="page"> 050-pagination-progress</a>
    <BR /><a href="./060-pagination-fraction.html" target="page"> 060-pagination-fraction</a>
    <BR /><a href="./070-pagination-custom.html" target="page"> 070-pagination-custom</a>
    <BR /><a href="./080-scrollbar.html" target="page"> 080-scrollbar</a>
    <BR /><a href="./090-vertical.html" target="page">090-vertical</a>
    <BR /><a href="./100-space-between.html" target="page"> 100-space-between</a>
    <BR /><a href="./110-slides-per-view.html" target="page"> 110-slides-per-view</a>
    <BR /><a href="./120-slides-per-view-auto.html" target="page">120-slides-per-view-auto</a>
    <BR /><a href="./130-centered.html" target="page">130-centered</a>
    <BR /><a href="./140-centered-auto.html" target="page"> 140-centered-auto</a>
    <BR /><a href="./145-css-mode.html" target="page">145-css-mode</a>
    <BR /><a href="./150-freemode.html" target="page">150-freemode</a>
    <BR /><a href="./160-scroll-container.html" target="page">160-scroll-container</a>
    <BR /><a href="./170-slides-per-column.html" target="page"> 170-slides-per-column</a>
    <BR /><a href="./180-nested.html" target="page">180-nested</a>
    <BR /><a href="./190-grab-cursor.html" target="page"> 190-grab-cursor</a>
    <BR /><a href="./200-infinite-loop.html" target="page"> 200-infinite-loop</a>
    <BR /><a href="./210-infinite-loop-with-slides-per-group.html" target="page">
        210-infinite-loop-with-slides-per-group</a>
    <BR /><a href="./211-slides-per-group-skip.html" target="page"> 211-slides-per-group-skip</a>
    <BR /><a href="./220-effect-fade.html" target="page"> 220-effect-fade</a>
    <BR /><a href="./230-effect-cube.html" target="page"> 230-effect-cube</a>
    <BR /><a href="./240-effect-coverflow.html" target="page">240-effect-coverflow</a>
    <BR /><a href="./250-effect-flip.html" target="page"> 250-effect-flip</a>
    <BR /><a href="./255-effect-cards.html" target="page">255-effect-cards</a>
    <BR /><a href="./257-effect-creative.html" target="page"> 257-effect-creative</a>
    <BR /><a href="./260-keyboard-control.html" target="page">260-keyboard-control</a>
    <BR /><a href="./270-mousewheel-control.html" target="page">270-mousewheel-control</a>
    <BR /><a href="./280-autoplay.html" target="page">280-autoplay</a>
    <BR /><a href="./290-dynamic-slides.html" target="page">290-dynamic-slides</a>
    <BR /><a href="./300-thumbs-gallery.html" target="page">300-thumbs-gallery</a>
    <BR /><a href="./310-thumbs-gallery-loop.html" target="page"> 310-thumbs-gallery-loop</a>
    <BR /><a href="./320-multiple-swipers.html" target="page">320-multiple-swipers</a>
    <BR /><a href="./330-hash-navigation.html" target="page"> 330-hash-navigation</a>
    <BR /><a href="./340-history.html" target="page"> 340-history</a>
    <BR /><a href="./350-rtl.html" target="page"> 350-rtl</a>
    <BR /><a href="./360-parallax.html" target="page">360-parallax</a>
    <BR /><a href="./370-lazy-load-images.html" target="page">370-lazy-load-images</a>
    <BR /><a href="./380-responsive-breakpoints.html" target="page">380-responsive-breakpoints</a>
    <BR /><a href="./381-ratio-breakpoints.html" target="page"> 381-ratio-breakpoints</a>
    <BR /><a href="./390-autoheight.html" target="page">390-autoheight</a>
    <BR /><a href="./400-zoom.html" target="page">400-zoom</a>
    <BR /><a href="./410-virtual-slides.html" target="page">410-virtual-slides</a>
    <BR /><a href="./420-custom-plugin.html" target="page"> 420-custom-plugin</a>
    <BR /><a href="./430-slideable-menu.html" target="page">430-slideable-menu</a>
    <BR /><a href="./440-change-direction.html" target="page">440-change-direction</a>
    <BR /><a href="./450-watchSlidesVisibility.html" target="page"> 450-watchSlidesVisibility</a>
    <iframe style="position:absolute;top:0;left:320px;width: 100%;height: 200%;" src="./010-default.html"
        name="page"></iframe>
</body>

</html>